<template>
  <div class="record">
      <div class="content">
          <div class="list" v-for="(item,index) in list" :key="index">
              <image class="img" :src="item.img" alt=""/>
              <div class="list_r">
                  <div class="box">
                      <div class="price">¥{{item.price}}</div>
                      <image src="/static/images/delete.png" alt=""/>
                  </div>
                  
              </div>
          </div>
      </div>
      
  </div>
</template>

<script>

export default {
  data () {
    return {
      list:[
        {img:'/static/images/img.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},
        {img:'/static/images/img2.png',price:'11.80'},{img:'/static/images/img2.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},
        {img:'/static/images/img2.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},{img:'/static/images/img2.png',price:'11.80'},
        {img:'/static/images/img2.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},
        {img:'/static/images/img2.png',price:'11.80'},{img:'/static/images/img2.png',price:'11.80'},{img:'/static/images/img.png',price:'11.80'},
      ]
    }
  },
  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped lang="less">
    .record{
      width: 100%;
      background: #f5f5f5;
      position: absolute; 
      .content{
        width: 100%;
        padding:0 28rpx;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        .list{
          width: 220rpx;
          height: 300rpx;
          display: flex;
          flex-direction: column;
          color: #666;
          font-size: 24rpx;
          margin-bottom: 20rpx;
          background: #fff;
          .img{
            width: 220rpx;
            height: 220rpx;
          }
          .list_r{
            width: 100%;
            height: 80rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            .box{
              display: flex;
              align-items: center;
              width: 190rpx;
              justify-content: space-between;
              image{
                width: 26rpx;
                height: 24rpx;
              }
            }
          }
        }
      }
    }
 
</style>
